Copyright: Copyright (c) 1996, Ulead Systems, Inc.


HTML Image Assistant dialog box:BODY
HTML Image Assistant dialog box

  BODY	  IMG

 	Background Check the characteristics you wish to explicitly define for your web page.

Text Color Check the text colors you wish to explicitly define. Click the color square to use the Windows Color Picker to choose a color.

Tag View the HTML code for the color settings you have chosen. You may directly type in additonal infomation here.

Sample home page preview Preview how the colors and pattern you are using will appear when browsed.

Exit Quit the HTML Assistant without saving.

To Clipboard Copy the information in the Tag box to the clipboard. You may then paste it from the clipboard into your HTML document.

About Display copyright and other information about this version of HTMLAST.

Creating Body Tags

Creating Image Tags


HTML Image Assistant dialog box:IMG
HTML Image Assistant dialog box

  BODY 	  IMG

Filename Type the name and path for the file you want to create an image tag for or create a low resolution image from. Click Browse to search your system for the image.

Low Res Click to open the Low Resolution dialog box for determining how to create a low resolution image for the current image.

Source View current image properties for reference.

Destination Select the parameters to include in the image tag of your HTML document.

Tag View the HTML code for the color settings you have chosen. You may directly type in additional information here.

Exit Quit the HTML Assistant without saving.

To Clipboard Copy the information in the Tag box to the clipboard. You may then paste it from the clipboard into your HTML document.

About Display copyright and other information about this version of HTMLAST.

Creating Body Tags

Creating Image Tags


Color Click the color square to choose a default background color using the Windows Color Picker.

Use Pattern Type the path and filename for the image file to tile as a background pattern. Click Browse to search for the file.


Low Resolution dialog box

Set the parameters for the low resolution image you want to create.

 	Data Type Choose a data type for the image.

Keep aspect ratio Check to maintain the horizontal and vertical proportions for the image when resizing.

Width and Height Enter the size for the desired image.

Unit Choose Percent to change the size in proportion to the original; choose Pixels to specify the exact size for the image in pixels.

Save Save an image according to the dialog box settings. The Save As dialog box prompts you for a filename and destination.

Options Define how to convert colors and patterns for the starting and ending data types. (Not all combinations have options.)

File Information View the filename, path and file size of the selected image.


For JPEG images, Grayscale produces the smallest images

For GIF images, Black and White produces the smallest images, but Indexed 16 may produce better overall results.


HTML Image Assistant

Helps you design and preview your web pages by automatically generating HTML code for your BODY and IMG tags including changing text colors, adding backgrounds, and constraining image size and appearance. You may also use this dialog box to create low resolution bitmaps and their tags for images on your web pages.

Creating Body Tags

Creating Image Tags


notused


Set your default background color to closely match the dominant color of your background image.


Good web designers always include an Alt tag attribute for viewing in web browsers that are set not to display images.


Creating Body Tags

Create all the HTML code for your Body Tags statements at one time without worrying about typos or other mistakes using the HTML Image Assistant command in the Web Menu. A preview screen in the dialog box shows how your page will look without requiring you to use your web browser to view it.

1.	From the Web Menu, choose "HTML Image Assistant."

2.	Click the color square to select the default background for your page.

3.	Click Browse to select a background image.

4.	If you want to use standard colors for your text, clear the check boxes for the associated type style.

5.	Click To Clipboard to copy the Tag information to the clipboard and be able to paste it in your HTML document.

  Creating Image Tags

  Creating low resolution bitmaps for your images


Creating Image Tags

Easily create Image Tags with the HTML Image Assistant command in the Web Menu. You can explicitly define image sizes when displayed and automatically create and include low resolution images for your more detailed or larger images.

1.	From the Web Menu, choose "HTML Image Assistant."

2.	Click the Image tab.

3.	Click Browse to load a source image into the dialog box.

4.	In the Destination group, set any web page constraints for displaying the image.

5.	Click Low Res to create a Low Resolution image and its Tag.

6.	Set the low resolution options as desired.

7.	Click Save and save as a GIF or JPEG image.

8.	Click OK to return to the HTML Image Assistant dialog box.

9.	Click To Clipboard to copy the Tag information to the clipboard and be able to paste it in your HTML document.

  Creating Body Tags

  Creating low resolution bitmaps for your images


Creating low resolution bitmaps for your images

Give your visitors a quick glimpse of your images by loading a low resolution image before the high resolution image loads. This gives the appearance of your page downloading faster. It also offers your visitors a way to quickly decide whether to wait for the image to fully develop.

1.	Select the image you want a low resolution copy of and save it.

2.	From the Web Menu, choose HTML Image Assistant and click the Image tab.

3.	Click Low Res.

4.	Select a data type and physical size for the image and click Save.

5.	Click Copy to Clipboard to copy the Image tag for the full resolution and its low resolution counterpart to the clipboard.

6.	Switch to the HTML document for this image and paste the clipboard contents into it.

Creating Body Tags

Creating Image Tags